<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .red_span {
        color: red;
    }

    .green_a {
        color: green;
        text-decoration: none;
    }

    .a_font_size {
        font-size: 13px;
    }

    .p_font_size {
        font-size: 18px;
    }

    #du_color {
        color: #66667a;
        text-decoration: none;
    }
</style>

<body>
    <p class="p_font_size"><a href="#">零基础开始学<span class="red_span">Web 前端</span> 开发，有什么建议吗? - 知乎</a></p>
    <p class="a_font_size"><span class="red_span">Web 前端</span>开发技术主要包括三个要素：HTML、CSS 和
        JavaScript，它要求前端开发工程师不仅要掌握基本的<span class="red_span">Web 前端</span>开发技术，网站性能优化，SEO 和服务器端的基础...</p>
    <p class="a_font_size">
        <a href="#" class="green_a">https://www.zhihu.com/question...</a>
        <img src="./img/v2.png" alt="">
        <a href="#" id="du_color">百度快照</a>
    </p>
    <p class="p_font_size"><a href="#"><span class="red_span">Web 前端</span>技术论坛所有讨论帖 - ITeye论坛频道</a></p>
    <p class="a_font_size"><span class="red_span">Web 前端</span>技术版面讨论，JavaScript编程、AJAX开发、UI界面设计、CSS 分类: JavaScript AJAX
        EXT JQuery prototype CSS 界面设计...</p>
    <p class="a_font_size">
        <a href="#" class="green_a">www.iteye.com/forums/b... </a>
        <img src="./img/v2.png" alt="">
        <a href="#" id="du_color">百度快照</a>
    </p>
</body>

</html>